<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>欢迎登录</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/login.css">
    <link rel="icon" href="/images/hospital.ico" type="image/x-icon">
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/layui/layui.js"></script>
</head>

<body>
<div class="container">
    <div class="form-box">
        <!-- 注册 -->
        <div class="register-box hidden">
            <h1>register</h1>
            <input type="text" placeholder="用户名" id="register-account" autocomplete="off">
            <input type="email" placeholder="邮箱" id="register-email" autocomplete="off">
            <div class="verification-code">
                <input type="text" placeholder="验证码" maxlength="4" id="captcha-input">
                <button id="getVerificationCode">获取验证码</button>
            </div>
            <input type="password" pattern="^\S*$" placeholder="密码" id="register-password">
            <select multiple style="overflow: hidden;" id="roles">
                <option value="" disabled>请选择角色</option>
            </select>
            <button id="toRegister">注册</button>
        </div>
        <!-- 登录 -->
        <div class="login-box">
            <h1>login</h1>
            <input type="email" placeholder="邮箱" id="login-email" value="m_doctor_2@shospital.com">
            <input type="password" placeholder="密码" id="login-password" value="123">
            <div class="remember-me">
                <input type="checkbox" id="remember">
                <label for="remember">Remember</label>
            </div>
            <button id="toLogin">登录</button>
        </div>
    </div>
    <div class="con-box left">
        <h2>欢迎访问<span>只因医院</span></h2>
        <p>快来领取你的专属<span>只因</span>吧</p>
        <img src="/images/login.jpg" alt="">
        <p>已有账号</p>
        <button id="login">去登录</button>
    </div>
    <div class="con-box right">
        <h2>欢迎访问<span>只因医院</span></h2>
        <p>快来看看你的可爱<span>只因</span>吧</p>
        <img src="/images/register.jpg" alt="">
        <p>没有账号？</p>
        <button id="register">去注册</button>
    </div>
    <div class="footer">
        <p><a onclick="admin()" style="cursor: pointer;color: black">Create By</a> &nbsp;<a href="https://github.com/Ybb778">Yxb</a></p>
    </div>
</div>
<script src="/js/index.js"></script>

</body>

</html>
